<template>
    <el-row>
        <el-col :lg="{ span: 21,offset:2}" :md="{span: 22}">
            <div>
                <header>
                    摄影作品
                </header>
                <div>
                    <ul class="clearfix photo">
                        <li class="result" v-for="item in photoList" @click="seeMore(item.id)">
                            <div>
                                <p>
                                    <a><img :src=item.url alt=""></a>
                                    <i class="photoI"></i>
                                </p>
                                <div class="desc-title">
                                    <p class="titlePhoto">
                                     【#甜甜的小爱好#】 {{item.abstr}}
                                    </p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </el-col>
    </el-row>
</template>
<style>
    @import "../../../../static/css/frontend/photo/more.css";
</style>
<script>
    export default{
        name:'',
        data(){
            return {
                photoList:{}
            }
        },
        watch:{
        },
        mounted(){
            let that = this;
            that.init();
        },
        methods:{
            init: function () {
                let that = this;
                this.fetch({
                    url: '/getPhotoById',
                    method: 'GET',
                    params: {
                        id:that.$route.query.id,
                    }
                }).then(function (response) {
                    that.photoList = response.data.rows;
                });
            }

        }
    }

</script>